<div class="row">
    <ul class="nav nav-tabs">
        <li><button class="btn btn-success" ng-click="BackToActivityList()"><i class="fa fa-arrow-left"></i></button></li>
        <li class="{{activeNumber==1?'active':''}}" ng-click="changeActivityShow(1)"><a><i class="fa fa-home"></i>活动信息查看</a></li>
        <!--<li class="{{activeNumber==2?'active':''}}" ng-click="changeActivityShow(2)"><a><i class="fa fa-envelope"></i>活动邀请人员动态</a></li>-->
        <li class="{{activeNumber==3?'active':''}}" ng-click="changeActivityShow(3)"><a><i class="fa fa-envelope"></i>活动讨论</a></li>
        <li ng-show="presentActivity.activityType=='EVENT'" class="{{activeNumber==4?'active':''}}" ng-click="changeActivityShow(4)"><a><i class="fa fa-envolope"></i>活动片段列表</a></li>
    </ul>
    <div ng-show="activeNumber==1" class="row">
        <div class="col-md-3">
        </div>
        <div class="col-md-6">
            <div class="box-body big" id="invationContent" ng-style="invationStyle">
                <br/><br/>
                <div class="text-center" style="font-size:10px">诚挚邀请您参加我们的</div>
                <br/>
                <div class="text-center" style="font-size:20px"><p>{{presentActivity.content}}</p></div>
                <br/><br/><br/>
                <div class="text-center" style="font-size:15px"><p>邀请者：{{presentActivity.inviter}}</p></div>
                <div class="text-center" style="font-size:15px"><p>{{presentEventDetail.startTime|date:"yyyy-MM-dd"}}</p></div>
                <div class="text-center" style="font-size:15px"><p>{{presentEventDetail.startTime|date:"HH:mm"}} 至 {{presentEventDetail.endTime|date:"HH:mm"}}</p></div>
            </div>
        </div>
    </div>
    <!--<div ng-show="activeNumber==2" class="tab-content">
        <table class="table table-hover">
            <thead>
            <tr>
                <th>被邀请人姓名</th>
                <th>被邀请人状态</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="item in candidateUsersList">
                <td>{{contactNameShow(item.candidateId)}}</td>
                <td>{{userEnrollStatus_show(item.enrollStatus)}}</td>
            </tr>
            </tbody>
        </table>
    </div>-->
    <div ng-show="activeNumber==3" class="tab-content">
        <div style="overflow: auto;height: 400px">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th ng-click="col='name';desc=!desc">讨论人</th>
                    <th ng-click="col='content';desc=!desc">讨论内容</th>
                    <th ng-click="col='time';desc=!desc">发表时间</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="item in commentsForCurrentEvent|orderBy:col:desc">
                    <td ng-bind="item.createdBy"></td>
                    <td ng-bind="item.content"></td>
                    <td>{{item.createdDate|date:"yyyy-mm-dd HH:mm:ss"}}</td>
                </tr>
                </tbody>
            </table>
        </div>
        <p style="text-align: center" ng-show="commentsForCurrentEvent.length==0">暂时还没有活动参与者进行评论，快来抢占沙发吧！</p>
        <div class="row" style="text-align: center">
            <input ng-model="newComment.content"/>
            <button class="btn btn-success" ng-click="submitComment()">发表评论</button>
        </div>
    </div>
    <div ng-show="activeNumber==4" class="tab-content">
        <table class="datatable table table-striped table-bordered table-hover">
            <thead>
                <tr>
                    <td>活动内容</td>
                    <td>活动类型</td>
                    <td>活动邀请者</td>
                    <td>报名状态</td>
                    <td>组织批复状态</td>
                    <td>操作</td>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="item in currentSessionInvitation">
                    <td ng-click="changeStateToSessionDetail(item.activityId)" ng-bind="item.content"></td>
                    <td ng-click="changeStateToSessionDetail(item.activityId)">组织大型活动片段</td>
                    <td ng-click="changeStateToSessionDetail(item.activityId)" ng-bind="item.inviter"></td>
                    <td ng-click="changeStateToSessionDetail(item.activityId)">{{userEnrollStatus_show(item.enrollStatus)}}</td>
                    <td ng-click="changeStateToSessionDetail(item.activityId)">{{approveStatus_show(item.approveStatus)}}</td>
                    <td>
                        <a ng-show="item.enrollStatus=='PENDING'&&presentActivity.enrollStatus=='CONFIRM'" ng-click="confirmToSession(item.id)">接受</a>
                        <a ng-show="item.enrollStatus=='PENDING'&&presentActivity.enrollStatus=='CONFIRM'" ng-click="cancelToSession(item.id)">拒绝</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>